{extends file="../_base.tpl"}

{block name='title'} pk {/block}
{block name='description'} pk {/block}
{block name='keywords'} pk {/block}

{block name="css-page"}
<link rel="stylesheet" href="{$Yii->params['STATIC_PATH']}/css/pk.css?v={$smarty.const.STATIC_VERSION}" />
{/block}
{block name="js-common"}
<script src="{$Yii->params['JS_PATH']}/raphael.js" type="text/javascript"></script>
{/block}
{block name="js-page"}
<script type="text/javascript">
var itemJson = {$jsonPictures};
var token = '{$token}';
</script>
<script src="{$Yii->params['JS_PATH']}/game.js" type="text/javascript"></script>
{*
<script src="{$Yii->params['JS_PATH']}/pk.js" type="text/javascript"></script>
*}
{/block}

{block name="content"}




<div class="sidebar">
	<div class="side-inner" id="pk_index">
		<!--
		<div class="side-grid bgc1"></div>
		<div class="side-grid bgc2"></div>
		-->
	</div>
	<div class="side-ctr"></div>
</div>
<div class="pk_tip bgc1">
	英雄, 你更喜欢哪个美女?
	<div class="pk_message bgc2" id="pk_msg" style="display:none;">
		<span id="pk_result">100</span>%的英雄与你所见略同!
	</div>
</div>
<div class="pk_main clearfix" id="pk_main">
	<div class="mt15 pk_item fl" hover-class="hover" style="left:30px;">
	    <div class="img_wrap bgc2" role="pk-img-wrap">
	        <img id="pk1" width="400" src="{$pictures[0]['pic_show_url']}" data-pk="{$pictures[0]['id']}" alt="">
	    </div>
	</div>

	<div class="mt15 pk_item fr" hover-class="hover" style="left:530px;">
	    <div class="img_wrap bgc3" role="pk-img-wrap">
	        <img id="pk2" width="400" src="{$pictures[1]['pic_show_url']}" data-pk="{$pictures[1]['id']}" alt="">
	    </div>
	</div>
</div>




{/block}